<template>
  <div class="main">
    <img src="./assets/logo.png">
    <div class="testbg"></div>
    <h1>Welcome</h1>
    <h2>{{message}}</h2>
    <ul>
      <li>
        <router-link to="music">music</router-link>
      </li>
      <li>
        <router-link to="movie">movie</router-link>
      </li>
      <li>
        <router-link to="book">book</router-link>
      </li>
    </ul>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: "this is a demo"
    }
  }
}
</script>

<style src="./styles/base.scss" lang="scss"></style>